.audioplayer

{

    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */

    -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */

    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */

}

.audioplayer-volume-adjust

{

    -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );

    -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );

    box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );

}

.audioplayer-bar,

.audioplayer-volume-adjust > div

{

    -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );

    -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );

    box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );

}

.audioplayer-volume-adjust div div,

.audioplayer-bar-played

{

    -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );

    -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );

    box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );

}

.audioplayer-playpause,

.audioplayer-volume a

{

    -webkit-filter: drop-shadow( 1px 1px 0 #000 );

    -moz-filter: drop-shadow( 1px 1px 0 #000 );

    -ms-filter: drop-shadow( 1px 1px 0 #000 );

    -o-filter: drop-shadow( 1px 1px 0 #000 );

    filter: drop-shadow( 1px 1px 0 #000 );

}

.audioplayer,

.audioplayer-volume-adjust

{

    background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );

    background: -webkit-linear-gradient( top, #444, #222 );

    background: -moz-linear-gradient( top, #444, #222 );

    background: -ms-radial-gradient( top, #444, #222 );

    background: -o-linear-gradient( top, #444, #222 );

    background: linear-gradient( to bottom, #444, #222 );

}

.audioplayer-bar-played

{

    background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );

    background: -webkit-linear-gradient( left, #007fd1, #c600ff );

    background: -moz-linear-gradient( left, #007fd1, #c600ff );

    background: -ms-radial-gradient( left, #007fd1, #c600ff );

    background: -o-linear-gradient( left, #007fd1, #c600ff );

    background: linear-gradient( to right, #007fd1, #c600ff );

}

.audioplayer-volume-adjust div div

{

    background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );

    background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );

    background: -moz-linear-gradient( bottom, #007fd1, #c600ff );

    background: -ms-radial-gradient( bottom, #007fd1, #c600ff );

    background: -o-linear-gradient( bottom, #007fd1, #c600ff );

    background: linear-gradient( to top, #007fd1, #c600ff );

}

.audioplayer-bar,

.audioplayer-bar div,

.audioplayer-volume-adjust div

{

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.audioplayer

{

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.audioplayer-volume-adjust

{

    -webkit-border-top-left-radius: 2px;

    -webkit-border-top-right-radius: 2px;

    -moz-border-radius-topleft: 2px;

    -moz-border-radius-topright: 2px;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

}

.audioplayer *,

.audioplayer *:before,

.audioplayer *:after

{

    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;

    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;

    -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;

    -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;

    transition: color .25s ease, background-color .25s ease, opacity .5s ease;

}